<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>收银台</title>
    <link rel="stylesheet" href="css/style.css">
    <script src="js/jquery.min.js"></script>
    <script src="js/script.js"></script>
    <script src="js/layer/layer.js"></script>
</head>
<body>

<div id="page">
    <div class="header">
        <div class="headerBd">
            <p>7*24小时客服热线：400-022-6816</p>
            <h1 class="logo"><a href="https://www.reapal.com/" target="_blank" title="融宝网">融宝网</a></h1>
            <h2 class="">收银台</h2>
        </div>
    </div>
    <div class="main">
        <div class="payeeInfo">
            <a href="javascript:;" class="viewDetail">查看详情</a>
            <ul class="payeeHd clearfix">
                <li><span>收<em></em>款<em></em>方：</span><span class="payeeName">京东商城</span></li>
                <li>订单金额：<span class="price">160.00</span>元</li>
            </ul>
            <ul class="payInfoMore" style="display:none;">
                <li>订单编号：19999999999</li>
                <li>商品名称：啦啦啦啦</li>
                <li>支付时间：2018-09-09 19:00</li>
            </ul>
        </div>

        <div class="cashierBd">
            <ul class="tabMenu clearfix">
                <li class="active"><a href="javascript:;">最近使用</a></li>
                <li><a href="javascript:;">信用卡</a></li>
                <li><a href="javascript:;">储蓄卡</a></li>
                <li><a href="javascript:;">企业网银</a></li>
            </ul>

            <div class="cashierIntro">
                <div class="cashierMod">
                    <ul class="bankInfoList clearfix">
                        <li>
                            <div class="bankInfoHd">
                                <div class="cardType">
                                    <img src="images/bank/zs_bank.jpg" height="32" class="logoBank" alt=""/>
                                    <span class="cardTip">详情</span>
                                </div>
                                <p class="cardNumb">信用卡：622700****5393</p>
                                <p class="cardNumb">持卡人姓名：*三</p>
                                <p class="cardNumb">银行卡预留手机号:185****4765</p>
                            </div>
                        </li>
                        <li>
                            <div class="bankInfoHd">
                                <div class="cardType">
                                    <img src="images/bank/zs_bank.jpg" height="32" class="logoBank" alt=""/>
                                    <span class="cardTip">详情</span>
                                </div>
                                <p class="cardNumb">信用卡：622700****5393</p>
                                <p class="cardNumb">持卡人姓名：*三</p>
                                <p class="cardNumb">银行卡预留手机号:13800138000</p>
                            </div>
                        </li>
                        <li>
                            <div class="bankInfoHd">
                                <div class="cardType">
                                    <img src="images/bank/zs_bank.jpg" height="32" class="logoBank" alt=""/>
                                    <span class="cardTip">详情</span>
                                </div>
                                <p class="cardNumb">信用卡：622700****5393</p>
                                <p class="cardNumb">持卡人姓名：*三</p>
                                <p class="cardNumb">银行卡预留手机号:13800138000</p>
                            </div>
                        </li>
                        <li>
                            <div class="bankInfoHd">
                                <div class="cardType">
                                    <img src="images/bank/zs_bank.jpg" height="32" class="logoBank" alt=""/>
                                    <span class="cardTip">详情</span>
                                </div>
                                <p class="cardNumb">信用卡：622700****5393</p>
                                <p class="cardNumb">持卡人姓名：*三</p>
                                <p class="cardNumb">银行卡预留手机号:13800138000</p>
                            </div>
                        </li>
                        <li>
                            <div class="bankInfoHd">
                                <div class="cardType">
                                    <img src="images/bank/zs_bank.jpg" height="32" class="logoBank" alt=""/>
                                    <span class="cardTip">详情</span>
                                </div>
                                <p class="cardNumb">信用卡：6225*********0890</p>
                                <p class="cardNumb">持卡人姓名：*三</p>
                                <p class="cardNumb">银行卡预留手机号:13800138000</p>
                            </div>
                        </li>
                    </ul>
                    <div class="verify_recent">
                        <div class="verify_pay">
                            <input type="text" class="verify_input">
                            <input type="button" class="verifyBtn" value="获取验证码">
                        </div>
                        <div class="lookcard"><a id="lookcard" href="#">查看更多已签约银行卡﹥</a></div>
                    </div>
                    <div class="btnFt">
                        <input type="button" class="btn" value="确认支付"/>
                        <span class="procotol">
                            <input type="checkbox" disabled="true" readonly="readonly" checked="checked" id="checkbox" value="融宝快捷支付协议"/><a id="protocol">《融宝快捷服务支付协议》</a>
                            <!--<span><a id="protocol">《融宝快捷支付协议》</a></span>-->
                        </span>
                    </div>

                </div>
                <div class="cashierMod">
                    <div class="cashierItem">
                        <p class="cashierHd"><b>快捷支付</b>（无需使用网银，也可支付）</p>
                        <ul class="bankList clearfix">
                            <li><label for="bk2-1"><input type="radio" name="merchant" id="bk2-1"
                                                          class="input_radio"/><img
                                    src="images/bank/gs_bank.jpg" height="32" alt=""/></label></li>
                            <li><label for="bk3-1"><input type="radio" name="merchant" id="bk3-1"
                                                          class="input_radio"/><img
                                    src="images/bank/js_bank.jpg" height="32" alt=""/></label></li>
                            <li><label for="bk4-1"><input type="radio" name="merchant" id="bk4-1"
                                                          class="input_radio"/><img
                                    src="images/bank/ny_bank.jpg" height="32" alt=""/></label></li>
                            <li><label for="bk5-1"><input type="radio" name="merchant" id="bk5-1"
                                                          class="input_radio"/><img
                                    src="images/bank/zg_bank.jpg" height="32" alt=""/></label></li>
                            <li><label for="bk6-1"><input type="radio" name="merchant" id="bk6-1"
                                                          class="input_radio"/><img
                                    src="images/bank/xy_bank.jpg" height="32" alt=""/></label></li>
                            <li><label for="bk7-1"><input type="radio" name="merchant" id="bk7-1"
                                                          class="input_radio"/><img
                                    src="images/bank/gd_bank.jpg" height="32" alt=""/></label></li>
                            <li><label for="bk8-1"><input type="radio" name="merchant" id="bk8-1"
                                                          class="input_radio"/><img
                                    src="images/bank/zx_bank.jpg" height="32" alt=""/></label></li>
                            <li><label for="bk9-1"><input type="radio" name="merchant" id="bk9-1"
                                                          class="input_radio"/><img
                                    src="images/bank/yz_bank.jpg" height="32" alt=""/></label></li>
                            <li><label for="bk10-1"><input type="radio" name="merchant" id="bk10-1"
                                                           class="input_radio"/><img src="images/bank/pa_bank.jpg"
                                                                                     height="32" alt=""/></label></li>
                            <li><label for="bk11-1"><input type="radio" name="merchant" id="bk11-1"
                                                           class="input_radio"/><img src="images/bank/gf_bank.jpg"
                                                                                     height="32" alt=""/></label></li>
                            <li><label for="bk12-1"><input type="radio" name="merchant" id="bk12-1"
                                                           class="input_radio"/><img src="images/bank/jt_bank.jpg"
                                                                                     height="32" alt=""/></label></li>
                            <li class="otherBank"><a href="#" class="otherBankLink">选择其他银行</a></li>
                        </ul>
                    </div>

                    <div class="cashierItem">
                        <p class="cashierHd"><b>网上银行</b>（需要开通网银，跳转银行页面)）</p>
                        <ul class="bankList bankList2 clearfix">
                            <li><img src="images/bank/js_bank.jpg" height="32" alt=""/></li>
                            <li><img src="images/bank/online_pay.jpg" height="32" alt=""/></li>
                            <li class="otherBank"><a href="#" class="otherBankLink">选择其他银行</a></li>
                        </ul>
                    </div>
                    <div class="btnFt">
                        <input type="button" class="btn" value="下一步"/>
                    </div>
                </div>

                <div class="cashierMod">
                    <div class="cashierItem">
                        <p class="cashierHd"><b>需要跳转银行页面</b></p>
                        <ul class="bankList clearfix">
                            <li><label for="bk1"><input type="radio" name="merchant" id="bk1" class="input_radio"/><img
                                    src="images/bank/gs_bank.jpg" height="32" alt=""/></label></li>
                            <li><label for="bk2"><input type="radio" name="merchant" id="bk2" class="input_radio"/><img
                                    src="images/bank/js_bank.jpg" height="32" alt=""/></label></li>
                            <li><label for="bk3"><input type="radio" name="merchant" id="bk3" class="input_radio"/><img
                                    src="images/bank/ny_bank.jpg" height="32" alt=""/></label></li>
                            <li><label for="bk4"><input type="radio" name="merchant" id="bk4" class="input_radio"/><img
                                    src="images/bank/zg_bank.jpg" height="32" alt=""/></label></li>
                            <li><label for="bk5"><input type="radio" name="merchant" id="bk5" class="input_radio"/><img
                                    src="images/bank/xy_bank.jpg" height="32" alt=""/></label></li>
                            <li><label for="bk6"><input type="radio" name="merchant" id="bk6" class="input_radio"/><img
                                    src="images/bank/gd_bank.jpg" height="32" alt=""/></label></li>
                            <li><label for="bk7"><input type="radio" name="merchant" id="bk7" class="input_radio"/><img
                                    src="images/bank/zx_bank.jpg" height="32" alt=""/></label></li>
                            <li><label for="bk8"><input type="radio" name="merchant" id="bk8" class="input_radio"/><img
                                    src="images/bank/yz_bank.jpg" height="32" alt=""/></label></li>
                            <li><label for="bk9"><input type="radio" name="merchant" id="bk9" class="input_radio"/><img
                                    src="images/bank/pa_bank.jpg" height="32" alt=""/></label></li>
                            <li><label for="bk10"><input type="radio" name="merchant" id="bk10"
                                                         class="input_radio"/><img
                                    src="images/bank/gf_bank.jpg" height="32" alt=""/></label></li>
                            <li><label for="bk11"><input type="radio" name="merchant" id="bk11"
                                                         class="input_radio"/><img
                                    src="images/bank/jt_bank.jpg" height="32" alt=""/></label></li>
                            <li><label for="bk12"><input type="radio" name="merchant" id="bk12"
                                                         class="input_radio"/><img
                                    src="images/bank/ms_bank.jpg" height="32" alt=""></label></li>
                            <li><label for="bk13"><input type="radio" name="merchant" id="bk13"
                                                         class="input_radio"/><img
                                    src="images/bank/zs_bank.jpg" height="32" alt=""></label></li>
                            <li><label for="bk14"><input type="radio" name="merchant" id="bk14"
                                                         class="input_radio"/><img
                                    src="images/bank/pf_bank.jpg" height="32" alt=""></label></li>
                            <li><label for="bk15"><input type="radio" name="merchant" id="bk15"
                                                         class="input_radio"/><img
                                    src="images/bank/sh_bank.jpg" height="32" alt=""></label></li>
                            <li><label for="bk16"><input type="radio" name="merchant" id="bk16"
                                                         class="input_radio"/><img
                                    src="images/bank/hx_bank.jpg" height="32" alt=""></label></li>
                            <li><label for="bk17"><input type="radio" name="merchant" id="bk17"
                                                         class="input_radio"/><img
                                    src="images/bank/ns_bank.jpg" height="32" alt=""></label></li>
                            <li><label for="bk18"><input type="radio" name="merchant" id="bk18"
                                                         class="input_radio"/><img
                                    src="images/bank/hz_bank.jpg" height="32" alt=""></label></li>
                            <li><label for="bk19"><input type="radio" name="merchant" id="bk19"
                                                         class="input_radio"/><img
                                    src="images/bank/nj_bank.jpg" height="32" alt=""></label></li>
                            <li><label for="bk20"><input type="radio" name="merchant" id="bk20"
                                                         class="input_radio"/><img
                                    src="images/bank/nb_bank.jpg" height="32" alt=""></label></li>
                            <li><label for="bk21"><input type="radio" name="merchant" id="bk21"
                                                         class="input_radio"/><img
                                    src="images/bank/online_pay.jpg" height="32" alt=""></label></li>
                        </ul>
                        <div class="btnFt">
                            <input type="button" class="btn" value="下一步"/>
                        </div>
                    </div>
                </div>

            </div>

        </div>

    </div>
    <div id="footer">© 2010-2015 天津融宝支付网络有限公司&nbsp;&nbsp;&nbsp;&nbsp;津ICP备12006523号</div>
</div>

<!--pop-->
<div id="moreBankPop">
    <div class="popBg"></div>
    <div class="popArea">
        <div class="titHeader">选择银行<span class="closeIcon"></span></div>
        <div class="popBankList">
            <ul class="bankList clearfix">
                <li><label for="bk1-1"><input type="radio" name="merchant" id="bk1-1" class="input_radio"/><img
                        src="images/bank/gs_bank.jpg" height="32" alt=""/></label></li>
                <li><label for="bk2-1"><input type="radio" name="merchant" id="bk2-1" class="input_radio"/><img
                        src="images/bank/js_bank.jpg" height="32" alt=""/></label></li>
                <li><label for="bk3-1"><input type="radio" name="merchant" id="bk3-1" class="input_radio"/><img
                        src="images/bank/ny_bank.jpg" height="32" alt=""/></label></li>
                <li><label for="bk4-1"><input type="radio" name="merchant" id="bk4-1" class="input_radio"/><img
                        src="images/bank/zg_bank.jpg" height="32" alt=""/></label></li>
                <li><label for="bk5-1"><input type="radio" name="merchant" id="bk5-1" class="input_radio"/><img
                        src="images/bank/xy_bank.jpg" height="32" alt=""/></label></li>
                <li><label for="bk6-1"><input type="radio" name="merchant" id="bk6-1" class="input_radio"/><img
                        src="images/bank/gd_bank.jpg" height="32" alt=""/></label></li>
                <li><label for="bk7-1"><input type="radio" name="merchant" id="bk7-1" class="input_radio"/><img
                        src="images/bank/zx_bank.jpg" height="32" alt=""/></label></li>
                <li><label for="bk8-1"><input type="radio" name="merchant" id="bk8-1" class="input_radio"/><img
                        src="images/bank/yz_bank.jpg" height="32" alt=""/></label></li>
                <li><label for="bk9-1"><input type="radio" name="merchant" id="bk9-1" class="input_radio"/><img
                        src="images/bank/pa_bank.jpg" height="32" alt=""/></label></li>
                <li><label for="bk10-1"><input type="radio" name="merchant" id="bk10-1" class="input_radio"/><img
                        src="images/bank/gf_bank.jpg" height="32" alt=""/></label></li>
                <li><label for="bk11-1"><input type="radio" name="merchant" id="bk11-1" class="input_radio"/><img
                        src="images/bank/jt_bank.jpg" height="32" alt=""/></label></li>
                <li><label for="bk12-1"><input type="radio" name="merchant" id="bk12-1" class="input_radio"/><img
                        src="images/bank/ms_bank.jpg" height="32" alt=""></label></li>
                <li><label for="bk13-1"><input type="radio" name="merchant" id="bk13-1" class="input_radio"/><img
                        src="images/bank/zs_bank.jpg" height="32" alt=""></label></li>
                <li><label for="bk14-1"><input type="radio" name="merchant" id="bk14-1" class="input_radio"/><img
                        src="images/bank/pf_bank.jpg" height="32" alt=""></label></li>
                <li><label for="bk15-1"><input type="radio" name="merchant" id="bk15-1" class="input_radio"/><img
                        src="images/bank/sh_bank.jpg" height="32" alt=""></label></li>
                <li><label for="bk16-1"><input type="radio" name="merchant" id="bk16-1" class="input_radio"/><img
                        src="images/bank/hx_bank.jpg" height="32" alt=""></label></li>
                <li><label for="bk17-1"><input type="radio" name="merchant" id="bk17-1" class="input_radio"/><img
                        src="images/bank/ns_bank.jpg" height="32" alt=""></label></li>
                <li><label for="bk18-1"><input type="radio" name="merchant" id="bk18-1" class="input_radio"/><img
                        src="images/bank/hz_bank.jpg" height="32" alt=""></label></li>
                <li><label for="bk19-1"><input type="radio" name="merchant" id="bk19-1" class="input_radio"/><img
                        src="images/bank/nj_bank.jpg" height="32" alt=""></label></li>
                <li><label for="bk20-1"><input type="radio" name="merchant" id="bk20-1" class="input_radio"/><img
                        src="images/bank/nb_bank.jpg" height="32" alt=""></label></li>
                <li><label for="bk21-1"><input type="radio" name="merchant" id="bk21-1" class="input_radio"/><img
                        src="images/bank/online_pay.jpg" height="32" alt=""></label></li>
            </ul>
            <div class="btnCenter">
                <input type="button" class="btn" value="下一步"/>
            </div>
        </div>
    </div>
</div>

</body>

</html>
